@media screen and (max-width: 1200px) {
    .left{
        width: 35%;
    }
    .right{
        width: 65%;
    }
}

@media screen and (max-width: 768px) {
    .left{
        display: none;
    }
    .right{
        width: 100%;
        .form{
            div{
                width: 280px;
                &>.formInput{
                    &>.input{
                        div{
                            transform: scale(.8);
                        }
                        &:nth-child(1){
                            input{
                                font-size: 18px;
                                &:focus + div::before,
                                &:valid + div::before{
                                    transform-origin: right center;
                                    transform: translateX(65px) translateY(-35px) !important;
                                }
                            }
                        }
                        &:nth-child(2){
                            input{
                                font-size: 18px;
                                &:focus + div::before,
                                &:valid + div::before{
                                    transform-origin: right center;
                                    transform: translateX(125px) translateY(-35px) !important;
                                }
                            }
                        }
                    }
                }
                .iconfont::before{
                    left: 45px;
                }
                .agreement{
                    width: 222px !important;
                    font-size: 10px !important;
                }
            }
        }
    }
}

@media screen and (max-width: 320px) {
    html,body{
        width: 320px;
    }
}

@media screen and (max-width: 550px) {
    .right{
        .top{
            .top-nav{
                .navigation{
                    &>div{
                        &:nth-child(2){
                            &>.language{
                                left: -60px;
                                width: 150px;
                                div{
                                    float: left;
                                    width: 50%;
                                    height: 100%;
                                }
                            }
                            input{
                                display: none;
                                &:checked{
                                    &+div{
                                        height: 40px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        .form{
            margin-top: 60px;
        }
    }
}